<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<footer th:fragment="footer" id="footer">

    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-6">
                <div class="widget-ft widget-about">
                    <div class="logo logo-ft">
                        <a href="index.html" title="">
                            <img src="/images/logos/logo-ft.png" alt="">
                        </a>
                    </div><!-- /.logo-ft -->
                    <div class="widget-content">
                        <div class="icon">
                            <img src="/images/icons/call.png" alt="">
                        </div>
                        <div class="info">
                            <p class="questions"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">有问题吗？</font><font style="vertical-align: inherit;">请致电我们24/7！</font></font></p>
                            <p class="phone"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">致电我们：（888）1234 56789</font></font></p>
                            <p class="address"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                PO Box CT16122 Collins Street West，Victoria 8007，</font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Australia。
                            </font></font></p>
                        </div>
                    </div><!-- /.widget-content -->
                    <ul class="social-list">
                        <li>
                            <a href="#" title="">
                                <i class="fa fa-facebook" aria-hidden="true"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="">
                                <i class="fa fa-twitter" aria-hidden="true"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="">
                                <i class="fa fa-instagram" aria-hidden="true"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="">
                                <i class="fa fa-pinterest" aria-hidden="true"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="">
                                <i class="fa fa-dribbble" aria-hidden="true"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="">
                                <i class="fa fa-google" aria-hidden="true"></i>
                            </a>
                        </li>
                    </ul><!-- /.social-list -->
                </div><!-- /.widget-about -->
            </div><!-- /.col-lg-3 col-md-6 -->
            <div class="col-lg-3 col-md-6">
                <div class="widget-ft widget-categories-ft">
                    <div class="widget-title">
                        <h3><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">按类别查找</font></font></h3>
                    </div>
                    <ul class="cat-list-ft">
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">台式机</font></font></a>
                        </li>
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">笔记本电脑和笔记本电脑</font></font></a>
                        </li>
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">组件</font></font></a>
                        </li>
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">片</font></font></a>
                        </li>
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">软件</font></font></a>
                        </li>
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">手机和PDA</font></font></a>
                        </li>
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">相机</font></font></a>
                        </li>
                    </ul><!-- /.cat-list-ft -->
                </div><!-- /.widget-categories-ft -->
            </div><!-- /.col-lg-3 col-md-6 -->
            <div class="col-lg-2 col-md-6">
                <div class="widget-ft widget-menu">
                    <div class="widget-title">
                        <h3><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">客户服务</font></font></h3>
                    </div>
                    <ul>
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                联系我们
                            </font></font></a>
                        </li>
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                网站地图
                            </font></font></a>
                        </li>
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                我的帐户
                            </font></font></a>
                        </li>
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                愿望清单
                            </font></font></a>
                        </li>
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                配送信息
                            </font></font></a>
                        </li>
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                隐私政策
                            </font></font></a>
                        </li>
                        <li>
                            <a href="#" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                条款和条件
                            </font></font></a>
                        </li>
                    </ul>
                </div><!-- /.widget-menu -->
            </div><!-- /.col-lg-2 col-md-6 -->
            <div class="col-lg-4 col-md-6">
                <div class="widget-ft widget-newsletter">
                    <div class="widget-title">
                        <h3><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">注册新信</font></font></h3>
                    </div>
                    <p><font style="vertical-align: inherit;"></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                        加入我们的新闻通讯计划，</font><font style="vertical-align: inherit;">确保您永远不会错过我们有趣的</font><font style="vertical-align: inherit;">新闻
                    </font></font></p>
                    <form action="#" class="subscribe-form" method="get" accept-charset="utf-8">
                        <div class="subscribe-content">
                            <input type="text" name="email" class="subscribe-email" placeholder="Your E-Mail">
                            <button type="submit"><img src="/images/icons/right-2.png" alt=""></button>
                        </div>
                    </form><!-- /.subscribe-form -->
                    <ul class="pay-list">
                        <li>
                            <a href="#" title="">
                                <img src="/images/logos/ft-01.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#" title="">
                                <img src="/images/logos/ft-02.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#" title="">
                                <img src="/images/logos/ft-03.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#" title="">
                                <img src="/images/logos/ft-04.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#" title="">
                                <img src="/images/logos/ft-05.png" alt="">
                            </a>
                        </li>
                    </ul><!-- /.pay-list -->
                </div><!-- /.widget-newsletter -->
            </div><!-- /.col-lg-4 col-md-6 -->
        </div><!-- /.row -->
        <div class="row">
            <div class="col-md-12">
                <div class="widget widget-apps">
                    <div class="widget-title">
                        <h3><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">移动应用</font></font></h3>
                    </div>
                    <ul class="app-list">
                        <li class="app-store">
                            <a href="#" title="">
                                <div class="img">
                                    <img src="/images/icons/app-store.png" alt="">
                                </div>
                                <div class="text">
                                    <h4><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">应用商店</font></font></h4>
                                    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">现已上市</font></font></p>
                                </div>
                            </a>
                        </li><!-- /.app-store -->
                        <li class="google-play">
                            <a href="#" title="">
                                <div class="img">
                                    <img src="/images/icons/google-play.png" alt="">
                                </div>
                                <div class="text">
                                    <h4><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Google Play</font></font></h4>
                                    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">开始吧</font></font></p>
                                </div>
                            </a>
                        </li><!-- /.google-play -->
                    </ul><!-- /.app-list -->
                </div><!-- /.widget-apps -->
            </div><!-- /.col-md-12 -->
        </div><!-- /.row -->
    </div>
</footer><!-- /footer -->
</body>
</html>